<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录 - 心理智能对话助手</title>
    {% csrf_token %}
    {% load static %}
    <link rel="stylesheet" href="{% static 'css/login_page.css' %}">

</head>
<body>
    <div class="header">
        <div class="logo-placeholder">贵州省先进计算全省重点实验室</div>
        <h1>心理智能对话助手</h1>
    </div>

    <div class="main-container">
        <div class="login-container" id="loginContainer">
            <div class="welcome-section">
                <div class="avatar-container">
                    <div class="avatar">🤖</div>
                    <div class="avatar">💬</div>
                </div>
                <div class="welcome-title">欢迎回来</div>
                <div class="welcome-subtitle">登录您的账户，继续您的心理健康之旅</div>
            </div>

            <form id="loginForm">
                <div class="form-group">
                    <label class="form-label" for="username">用户名</label>
                    <input 
                        type="text" 
                        id="username" 
                        class="form-input" 
                        placeholder="请输入用户名"
                        required
                    >
                </div>

                <div class="form-group">
                    <label class="form-label" for="password">密码</label>
                    <input 
                        type="password" 
                        id="password" 
                        class="form-input" 
                        placeholder="请输入密码"
                        required
                    >
                </div>

                <div class="form-options">
                    <label class="remember-me">
                        <input type="checkbox" id="rememberMe">
                        <span>记住我</span>
                    </label>
                    <a href="#" class="forgot-password">忘记密码？</a>
                </div>

                <button type="submit" class="login-button" id="loginButton">
                    登录
                </button>
            </form>

            <div class="divider">
                <span>或者</span>
            </div>

            <div class="register-link">
                还没有账户？<a href="">立即注册</a>
            </div>

            <div class="features-hint">
                <h4>🌟 平台功能</h4>
                <div class="features-list">
                    <div class="feature-item">💬 智能对话</div>
                    <div class="feature-item">📊 心理评估</div>
                    <div class="feature-item">🔍 图片分析</div>
                    <div class="feature-item">📚 学习资源</div>
                </div>
            </div>
        </div>
    </div>

    <div class="footer">
        © 2025 贵州省先进计算全省重点实验室 版权所有
    </div>

   {% load static %}
    <script src="{% static 'js/login_page.js' %}"></script>
</body>
</html>